
//设置单选条件标志位
var signFlag = true;
var fullFlag = true;
var acceptFlag = true;
var privateFlag = true;

$(document).ready(function() {
	// $.ajax({
	// 	type:"get",
	// 	url:"coach/findCoach",
	// 	success:function(e){
	// 		console.info(e)
	// 		console.info(e.data)
	// 	}
	// })
	//放大镜效果查询详情
	$('[data-toggle="tooltip"]').tooltip();

	// $.ajax({
	// 	type:"post",
	// 	url:"/coach/condition/1/8",
	// 	dataType : "JSON",
	// 	contentType:"application/json",
	// 	data: JSON.stringify({"pageSize":8}),
	// 	success:function (e) {
	// 		console.info("ajax:")
	// 		console.info(e);
	// 	}
	// });

	//div模拟单选选中样式
	$("#sign").click(function() {
		if (signFlag) {
			$(this).css({
				"background-color": "royalblue",
				"color": "white"
			});
			signFlag = false;
			console.info("checked")
			console.info("check之后signFlag是 ：" + signFlag)

		} else {
			$(this).css({
				"background-color": "lightsteelblue",
				"color": "royalblue"
			});
			signFlag = true;
			console.info("clear")
			console.info("clear之后signFlag是：" + signFlag)
		}
	});
	$("#full").click(function() {
		if (fullFlag) {
			$(this).css({
				"background-color": "royalblue",
				"color": "white"
			});
			fullFlag = false;
			console.info("checked")
			console.info("check之后fullFlag是 ：" + fullFlag)

		} else {
			$(this).css({
				"background-color": "lightsteelblue",
				"color": "royalblue"
			});
			fullFlag = true;
			console.info("clear")
			console.info("clear之后fullFlag是：" + fullFlag)
		}
	});
	$("#accept").click(function() {
		if (acceptFlag) {
			$(this).css({
				"background-color": "royalblue",
				"color": "white"
			});
			acceptFlag = false;

		} else {
			$(this).css({
				"background-color": "lightsteelblue",
				"color": "royalblue"
			});
			acceptFlag = true;
		}
	});
	$("#private").click(function() {
		if (privateFlag) {
			$(this).css({
				"background-color": "royalblue",
				"color": "white"
			});
			privateFlag = false;

		} else {
			$(this).css({
				"background-color": "lightsteelblue",
				"color": "royalblue"
			});
			privateFlag = true;
		}
	});
	//单选条件 end
});


var app=new Vue({
	el:"#sc",
	data:{
		vid:0,
		venue:{},
		styles:[],
		// styleId:0,
		selected:"0",
		// isActive:false,
		totalPage:0,
		nickname:"",
		maxPrice:"",
		minPrice:"",
		pageSize:8,
		pageCode:1,
		condition:{},
		prev:false,
		next:false,
		coaches:[]
	},
	mounted() {
		axios.get("/venue/session").then(res=>{
			console.info("sessionVenue:")
			console.info(res.data.data);
			this.vid=res.data.data.vid;
			axios.get("/venue/find/"+this.vid).then(e=>{
				console.info(e.data.data);
				this.venue=e.data.data;
				// venue=e.data.data;
				console.info(this.venue)

			}).catch(er=>{
				console.info(er)
			});
		}).catch(err=>{
			console.info(err)
		});
		// $.ajax({
		// 	type:"get",
		// 	url:"/coach/condition/"+this.pageCode+"/"+this.pageSize,
		// 	data:this.cjson,
		// 	success:function (e) {
		// 		console.info("ajax:")
		// 		console.info(e.data);
		// 	}
		// }),
		// axios.get("/coach/condition/"+this.pageCode+"/"+this.pageSize+"/"+{"pageSize":8})
		// .then(response=>{
		// 	console.info("coachResponse:"+response);
		// 	console.info(response.data.data);
		// 	let pageBean=response.data.data;
		// 	this.totalPage=pageBean.totalPage;
		// 	console.info(response.data.data.data);
		// 	this.coaches=response.data.data.data;
		// })
		// .catch(err=>{
		// 	// console.info(err);
		// }),
		axios({
			method:"post",
			url:"/coach/condition/"+this.pageCode+"/"+this.pageSize,
			data:this.condition
		})
		.then(response=>{
			console.info("coachResponse:"+response);
			console.info(response.data.data);
			console.info("this:")
			console.info(this)
			let pageBean=response.data.data;
			this.totalPage=pageBean.totalPage;
			console.info(response.data.data.data);
			this.coaches=response.data.data.data;
			this.prev=true;
			if (1===this.totalPage){
				this.next=true;
			}
		})
		.catch(err=>{
			// console.info(err);
		}),
		axios.get("/style/all")
		.then(response=>{
			// console.info("状态码："+response.data.code);
			// if (response.data.code===500){
			// 	window.location.href="/error/500.html";
			// }
			console.info("styleResponse:"+response);
			console.info(response);
			this.styles=response.data.data;
			console.info("styles:"+this.styles);
			console.info(this.styles);
			console.info(this.venue);

		})
		.catch(err=>{
			// console.info(err);
		})
	},
	methods:{
		getStyleId:function(){
			console.info(privateFlag+fullFlag);
			// this.styleId=this.selected;
			// console.info("styleId是："+this.styleId);
			console.info("selected是："+this.selected);
		},
		queryThisPage:function (n) {
			let nickname="";
			console.info("n:"+n);
			this.pageCode=n;
			axios({
				method:"post",
				url:"/coach/condition/"+this.pageCode+"/"+this.pageSize,
				data:this.condition
			})
				.then(response=>{
					console.info("coachResponse:"+response);
					console.info(response.data.data);
					let pageBean=response.data.data;
					this.totalPage=pageBean.totalPage;
					console.info(response.data.data.data);
					this.coaches=response.data.data.data;
					if (1===this.totalPage){
						this.next=true;
					}
				})
				.catch(err=>{
					// console.info(err);
				});

			if (n === 1){
				this.prev=true;
				console.info("prev"+this.prev);
			}else{
				this.prev=false;
			}
			if (n === this.totalPage){
				this.next=true;
				console.info("next"+this.next);
			}else {
				this.next=false;
			}
			// this.pageCode=n;
			// if (this.pageCode===n){
			// 	return "active";
			// }
		},//queryFunction end
		checkCoach:function (cid) {
			console.info("点击的这个教练的id是："+cid);
			window.location.href="coachDetails.html?cid="+cid;
		},//查看教练详情
		//提交条件
		queryCoachesByCondition:function(){
			this.condition={
				"nickname":this.nickname,
				"styleId":parseInt(this.selected),
				"maxPrice":this.maxPrice,
				"minPrice":this.minPrice,
				"isBand":signFlag===true?null:"1",
				"isFull":fullFlag===true?null:"0",
				"isPrivate":privateFlag===true?null:"1",
				"isAccept":acceptFlag===true?null:"1"
			};
			this.queryThisPage(1);
		},
		//前后按钮翻页
		forwardOne:function () {
			//如果被禁用就不能操作
			if (this.prev===true){
				return;
			}
			this.pageCode=this.pageCode-1;
			let num=this.pageCode;
			this.queryThisPage(num);
		},
		backOne:function () {
			//如果被禁用就不能操作
			if (this.next===true){
				return;
			}
			this.pageCode=this.pageCode+1;
			let num=this.pageCode;
			this.queryThisPage(num);
		}
	}
});